<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车-小米商城</title>
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2525490_ehv0rolabb.css">
</head>

<body>
    <header>
        <div class="header-container">
            <a href="./index.html">
                <img src="//s02.mifile.cn/assets/static/image/logo-mi2.png" alt="">
            </a>
            <h2>我的购物车</h2>
            <span class="header-notice">温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
            <div class="cart-login">
                <a href="./login.html">登录</a>
                <span>|</span>
                <a href="./reg.html">注册</a>
            </div>
            <div class="cart-mine hide">
                <span class="cart-username">
                    <span id="username">123</span>
                    <span class="iconfont icon-jiantou"></span>
                </span>
                <ul class="username-list hide">
                    <li>个人中心</li>
                    <li>评价晒单</li>
                    <li>我的喜欢</li>
                    <li>小米账户</li>
                    <li id="loginout">退出登录</li>
                </ul>
                <span>|</span>
                <span class="mylist">我的订单</span>
            </div>
        </div>
    </header>
    <main>
        <div class="main-container">
            <div class="empty-cart">
                <h2>您的购物车还是空的！</h2>
                <a href="./index.html">马上去购物</a>
            </div>
            <div class="shopping-cart hide">
                <div class="shopping-header">
                    <div class="shopping-checkbox check-box-whole">
                        <span class="iconfont icon-check-box hide"></span>
                    </div>
                    <p>全选</p>
                    <p>商品名称</p>
                    <p>单价</p>
                    <p>数量</p>
                    <p>小计</p>
                    <p>操作</p>
                </div>
                <div class="shopping-list">
                </div>
                <div class="shopping-footer">
                    <span>继续购物</span>
                    <span>|</span>
                    <span>
                        共 <span class="total-num"></span> 件商品，已选择 <span class="total-sel">0</span> 件
                    </span>
                    <div>去结算</div>
                    <div>
                        合计：<span class="total-price">0</span>元
                    </div>
                </div>
            </div>
        </div>
        <section>
            <div class="section-container clr">
                <h2>
                    <span>买购物车中商品的人还买了</span>
                </h2>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
                <div class="section-box">
                    <a href="">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f6cdf3c4ddf122a4a9acb85e0e1611c.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                            alt="">
                        <div class="title">小米11 Ultra</div>
                        <div class="price">5999元</div>
                        <div class="people">4.3万人好评</div>
                        <div class="intocart">
                            加入购物车
                        </div>
                    </a>
                </div>
            </div>
        </section>
    </main>
    <footer>
        <div class="footer-header">
            <div>
                <div>
                    <span class="iconfont icon-weixiubanshou"></span>
                    <span>预约维修服务</span>
                </div>
            </div>
            <div>
                <div>
                    <span class="iconfont icon-7tiantuihuanhuo"></span>
                    <span>7天无理由退货</span>
                </div>
            </div>
            <div>
                <div>
                    <span class="iconfont icon-15tianwuliyoutuihuo" style="vertical-align: -1px;"></span>
                    <span>15天免费换货</span>
                </div>
            </div>
            <div>
                <div>
                    <span class="iconfont icon-liwu"></span>
                    <span>满69包邮</span>
                </div>
            </div>
            <div>
                <div>
                    <span class="iconfont icon-dingwei" style="vertical-align: -2px;"></span>
                    <span>520余家售后网点</span>
                </div>
            </div>
        </div>
        <div class="footer-nav clr">
            <div class="fn-list">
                <div class="fn-title">帮助中心</div>
                <p><a href="">账户管理</a></p>
                <p><a href="">购物指南</a></p>
                <p><a href="">订单操作</a></p>
            </div>
            <div class="fn-list">
                <div class="fn-title">服务支持</div>
                <p><a href="">售后政策</a></p>
                <p><a href="">自助服务</a></p>
                <p><a href="">相关下载</a></p>
            </div>
            <div class="fn-list">
                <div class="fn-title">线下门店</div>
                <p><a href="">小米之家</a></p>
                <p><a href="">服务网点</a></p>
                <p><a href="">授权体验店</a></p>
            </div>
            <div class="fn-list">
                <div class="fn-title">关于小米</div>
                <p><a href="">了解小米</a></p>
                <p><a href="">加入小米</a></p>
                <p><a href="">投资者关系</a></p>
                <p><a href="">企业社会责任</a></p>
                <p><a href="">链接举报</a></p>
            </div>
            <div class="fn-list">
                <div class="fn-title">关注我们</div>
                <p><a href="">新浪微博</a></p>
                <p><a href="">官方微信</a></p>
                <p><a href="">联系我们</a></p>
                <p><a href="">公益基金会</a></p>
            </div>
            <div class="fn-list">
                <div class="fn-title">特色服务</div>
                <p><a href="">F 码通道</a></p>
                <p><a href="">礼物码</a></p>
                <p><a href="">防伪查询</a></p>
            </div>
            <div class="manual-service">
                <p>400-100-5678</p>
                <p>8:00-18:00（仅收市话费）</p>
                <div class="ms-box">
                    <span class="iconfont icon-huihua-copy"></span>
                    <span>人工服务</span>
                </div>
                <p>
                    关注小米:&nbsp;&nbsp;
                    <span class="iconfont icon-weibo1" style="font-size: 24px;"></span>
                    <span class="iconfont icon-weixin1">
                        <img src="//cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx-img.png" class="ms-code">
                    </span>
                </p>
            </div>
        </div>
        <div class="footer-footer">
            <div class="ff-container clr">
                <div class="footer-logo1">
                    <img src="../img/logo-mi2.png" alt="">
                </div>
                <p>
                    <span>小米商城</span> | <span>MIUI</span> | <span>米家</span> | <span>米聊</span> | <span>多看</span>
                    | <span>游戏</span> | <span>政企服务</span> | <span>小米天猫店</span> | <span>小米集团隐私政策</span>
                    | <span>小米公司儿童信息保护规则</span> | <span>小米商城隐私政策</span> | <span>小米商城用户协议</span> | <span>问题反馈</span>
                    | <span>Select
                        Location</span>
                </p>
                <p>
                    <span>北京互联网法院法律服务工作站</span> | <span>中国消费者协会</span> | <span>北京市消费者协会</span>
                </p>
                <p style="color: #b0b0b0;">
                    © <span>mi.com</span> 京ICP证110507号 <span>京ICP备10046444号</span> <span>京公网安备11010802020134号</span>
                    <span>京网文[2020]0276-042号</span>
                </p>
                <p style="color: #b0b0b0;">
                    <span>（京）网械平台备字（2018）第00005号</span> <span>互联网药品信息服务资格证 (京)-非经营性-2014-0090</span> <span>营业执照</span>
                    <span>医疗器械质量公告</span>
                </p>
                <p style="color: #b0b0b0;">
                    <span>增值电信业务许可证</span> 网络食品经营备案 京食药网食备202010048 <span>食品经营许可证</span>
                </p>
                <p style="color: #b0b0b0; margin-bottom: 5px;">
                    违法和不良信息举报电话：171-5104-4404 <span>知识产权侵权投诉</span> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
                <a href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&lang=zh-cn"
                    target="_blank">
                    <img src="//i1.mifile.cn/f/i/17/site/truste.png" alt="">
                </a>
                <a href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank">
                    <img src="//s01.mifile.cn/i/v-logo-2.png" alt="">
                </a>
                <a href="//xyt.xinchacha.com/pcinfo?sn=523009637759455232&certType=6" target="_blank">
                    <img src="//xyt.xinchacha.com/img/icon/icon3.png" alt="">
                </a>
                <a href="//www.mi.com/service/buy/commitment/" target="_blank">
                    <img src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                </a>
                <a href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb" target="_blank"
                    class="ff-active">
                    <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png"
                        alt="" class="hide">
                    <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/692fb619aa24d33536faef3e0804023a.png"
                        alt="">
                </a>
            </div>
            <div class="footer-logo2">

            </div>
        </div>
    </footer>
    <script src="../js/cart.js" type="module"></script>
</body>

</html>